@tailwind base;
@tailwind components;
@tailwind utilities;

/* 基本CSS变量设置 */
:root {
  --arco-color-primary: #0c554a !important;
  --arco-color-primary-light-1: #3ba776 !important;
  --arco-color-primary-light-2: #6bc297 !important;
  --arco-color-primary-light-3: #9bd8b8 !important;
  --arco-color-primary-light-4: #d0ede4 !important;
  --arco-color-primary-dark-1: #0a4b42 !important;
  --arco-color-primary-dark-2: #084138 !important;
  --arco-color-primary-dark-3: #06362f !important;
}

/* 防止按钮和分页闪烁 */
html:not([data-theme-ready]) .arco-btn-primary,
html:not([data-theme-ready]) [class*="arco-btn-primary"],
html:not([data-theme-ready]) .arco-btn-outline,
html:not([data-theme-ready]) [class*="arco-btn-outline"],
html:not([data-theme-ready]) .arco-pagination-item-active,
html:not([data-theme-ready]) [class*="arco-pagination-item"][class*="active"] {
  opacity: 0 !important;
}

html[data-theme-ready] .arco-btn-primary,
html[data-theme-ready] [class*="arco-btn-primary"],
html[data-theme-ready] .arco-btn-outline,
html[data-theme-ready] [class*="arco-btn-outline"],
html[data-theme-ready] .arco-pagination-item-active,
html[data-theme-ready] [class*="arco-pagination-item"][class*="active"] {
  opacity: 1 !important;
  transition: opacity 0.1s ease !important;
}

/* 按钮样式覆盖 */
.arco-btn-primary, [class*="arco-btn-primary"] {
  background-color: #0c554a !important;
  border-color: #0c554a !important;
  color: #ffffff !important;
}
.arco-btn-primary:hover:not(.arco-btn-disabled),
[class*="arco-btn-primary"]:hover:not([class*="disabled"]) {
  background-color: #3ba776 !important;
  border-color: #3ba776 !important;
}



/* 分页器 */
.arco-pagination-item-active, [class*="arco-pagination-item"][class*="active"] {
  background-color: #0c554a !important;
  border-color: #0c554a !important;
  color: #ffffff !important;
}



/* outline按钮 */
.arco-btn-outline, [class*="arco-btn-outline"] {
  border-color: #0c554a !important;
  color: #0c554a !important;
}
.arco-btn-outline:hover:not(.arco-btn-disabled),
[class*="arco-btn-outline"]:hover:not([class*="disabled"]) {
  background-color: #0c554a !important;
  border-color: #0c554a !important;
  color: #ffffff !important;
}

@layer base {
  body {
    @apply bg-gray-50 text-gray-900 font-sans antialiased;
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  }
  
  /* 改善滚动条样式 */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  ::-webkit-scrollbar-track {
    @apply bg-gray-100;
  }
  
  ::-webkit-scrollbar-thumb {
    @apply bg-gray-300 rounded-full;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-400;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}